<template>
  <div>
    <h1>app</h1>
    <!-- <TsModel @ts-close="fn"></TsModel> -->
    <!-- <TsRadio :value="gender" @input="gender = $event"></TsRadio> -->
    <!-- <TsRadio :my-value="gender" @my-input="gender = $event"></TsRadio>
    {{ gender }} -->
    <!-- <TsRadio v-model="gender"></TsRadio>
    {{ gender }} -->

    <!-- <TsCheckbox :value="hobbys" @input="hobbys = $event"></TsCheckbox> -->
    <!-- <TsCheckbox v-model="hobbys"></TsCheckbox> -->
    <!-- {{ hobbys }} -->

    <!-- <TsButton @click.native="say"></TsButton> -->
  </div>
</template>
<script>

export default {
  data() {
    return {
      gender: '2',
      hobbys: ['css', 'html']
    }
  },
  methods: {
    say() {
      console.log('hello');
    },
    fn() {
      console.log('ts-close');
    }
  }
}
</script>
<style>
div {
  border: solid;
  padding: 10px;
}
</style>